.my-server{

	padding: 30rpx;
	padding-top: 10rpx;
	// margin-top: 20rpx;
	background-color:  @primary-ivory;
	.work-order-page {
			// background-color:#fff;
			// border-radius: 30rpx;
	  // background-color: #f5f5f7;
	  // min-height: 100vh;
	  padding: 20rpx;
	  box-sizing: border-box;
	
	  // 标题样式
	  .page-title {
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333;
	    padding: 20rpx 0;
	    // border-bottom: 1px solid #eee;
	    margin-bottom: 20rpx;
	  }
	
	  // 工单列表
	  .order-list {
	    display: grid;
	    grid-gap: 30rpx;
	  }
	
	  // 工单项
	  .order-item {
	    // background-color: #fff;
	    // border-radius: 16rpx;
	    padding: 0;
	    display: flex;
	
	    // box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
	  }
	
	  // 工单类型标签
	  .order-tag {
	    padding: 0rpx 10rpx;
	    border-radius: 20rpx;
	    font-size: 24rpx;
	    font-weight: 500;
	    margin-right: 20rpx;
	    flex-shrink: 0;
		flex:0 0 180rpx;
		height: 180rpx;
		.user-img{
			width:180rpx;
			height: 180rpx;
			// border-radius:50%;
		}
	
	    &.tag-elder {
	      background-color: #e6f7ff;
	      color: #1890ff; // 长辈工单：蓝色系
	    }
	
	    &.tag-self {
	      background-color: #fff7e6;
	      color: #faad14; // 自己工单：橙色系
	    }
	  }
	
	  // 工单信息
	  .order-info {
	    flex: 1;
		// border-bottom: 1px solid  @primary-ivory;
	    .order-title {
	      font-size: 28rpx;
	      font-weight: 500;
	      color: #333;
	      margin-bottom: 16rpx;
		  display: flex;
		  .title1{
			  flex:1
		  }
		  .oldman{
				display: inline-block;
		  }
	    }
	
	    .order-meta {
	      display: flex;
	      flex-direction: column;
	      gap: 8rpx;
	
	      .meta-item {
	        font-size: 24rpx;
	        display: flex;
	
	        .meta-label {
	          color: #999;
	          // width: 120rpx;
	        }
	
	        .meta-value {
	          color: #666;
	          flex: 1;
	        }
	      }
	    }
	  }
	
	  // 状态样式
	  .status-pending {
	    color: #faad14; // 待服务：橙色
	  }
	
	  .status-confirmed {
	    color: #52c41a; // 已确认：绿色
	  }
	
	  .status-processing {
	    color: #1890ff; // 服务中：蓝色
	  }
	
	  .status-completed {
	    color: #8c8c8c; // 已完成：灰色
	  }
	}

}